@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
html {font-family: sans-serif;-webkit-text-size-adjust: 100%;}
body { background: #fff; font-family: Microsoft YaHei, 微软雅黑, sans-serif; -webkit-font-smoothing: none; min-width:1200px;}
.container-fluid, .container { min-width: 1200px; }
.topheader { margin: 1rem 0; display: inline-block; width: 100%; }
/* topinfo */
.topInfoBg { /*background-color: #f4f4f4;*/ height: 3.6rem; font-size: 1.4rem; }
.topInfoBg .topInfoLeft { line-height: 2.4; }
.topInfoBg .topInfoLeft span { margin-top: 0px; margin-right: 10px; }
.topInfoBg .tq { margin-top: 5px; }
.infoRight span { display: inline-block; height: 50px; line-height: 50px; font-size: 1.4rem; }
.infoRight span { margin-left: 10px; }
.infoRight span img { margin-right: 3px; margin-top: -2px; }
/* logo */
.logoimg { text-align: center; width: 100%; }
.logoimg img { height: 50px; margin: 0 auto; }
/* 天气 */
.weather .cross-big-2 { padding-left: 75px; }
/* nav */
.main-nav-wrap {padding: 8px 0; line-height: 1.5; text-align: center; }
.menu { width: 100%; }
.menu .nav { width: 100%; height: 32px; margin: 0 auto; }
.menu .nav li { float: left; list-style: none; width: 8%; }
.menu .nav li.small { float: left; list-style: none; width: 14%; }
.menu .nav li a { line-height: 2; font-size: 1.8rem; color: #333; text-decoration: none; position: relative; overflow: hidden; display: inline-block; width: 100%; text-align: center; }
.menu .nav li a:hover, .menu .nav li a.current { color: #fff; background: #e62129; text-align: center; position: relative; }
.menu .nav li .box { width: 11%; padding-bottom: 10px; position: absolute; z-index: 9; top: 45px; right: 2px; background: #fff; display: none; }
.menu .nav li .box a { display: block; text-align: center; color: #000; font-weight: 400; font-size: 1.8rem; line-height: 2; border: none; background: none; }
.menu .nav li .box a:hover { text-decoration: none; color: #fff; background: #e62129; }
/* 头条 */
.headLineBox { background-color: #f6f6f6; padding: 1.2rem; border-bottom:2px solid #e62129;}
.headLine { font-size: 3rem; font-weight: bold; line-height: 1.5; width: 100%; text-align: center; display: inline-block; vertical-align: middle; }
.headLine a { color: #e60012; line-height: 1.25; }
.headLine:hover a { color: #e60012; text-decoration: none;}
.headLine .tt { display: inline-block; color: #fff; background-color: #e62129; border-radius: 3px; width: 20px; margin: 0 15px 0 auto; padding: 2px; line-height: 16px; font-size: 14px; font-weight: 500; word-wrap: break-word; word-break: break-all; position: relative; }
.headLine .tt::before { content: ''; z-index: 9; position: absolute; width: 10px; height: 10px; right: -10px; top: 50%; margin-top: -5px; background-color: #e62129; -webkit-clip-path: polygon(65% 50%, 0 0, 0 100%); clip-path: polygon(65% 50%, 0 0, 0 100%); }
.smallLine { padding-top: 8px; font-size: 14px; display: inline-block;width: 100%;}
.smallLine h5 { margin: 0 1rem; text-align: center;line-height:2; float:left;}
.smallLine h5 a { color: #e60012;}
.smallLine h5:hover a { color: #e60012; text-decoration: none;}
.smallLine .more-btn { width: 6%; color: #e60012;line-height: 2;float: right;}
.smallLine .more-btn:hover { color: #e60012; text-decoration: none;}
.headLine a:hover, .smallLine a:hover { text-decoration: none;}
/* rollNews */
#rollNews { padding: 0 10px; border: 1px solid #f6f6f6; }
#rollNews .swiper-slide { display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #fff; }
#rollNews .swiper-slide h5 { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 38px; line-height: 38px; font-weight: 400; }
#rollNews .swiper-slide h5 a:hover { text-decoration: underline; }
/* focus */
#focusBox { padding-bottom: 25px; --swiper-them-color: #e62129;
--swiper-pagination-color: #e62129;
--swiper-navigation-color: #fff;
--swiper-navigation-size: 30px;
}
#focusBox .focus-con a img { width: 674px; height: 376px; }
#focusBox .focus-con a { display: block; width: 100%; height: 100%; position: relative; }
#focusBox .focus-con a:hover { color: #000; }
#focusBox .focus-con a h4 { position: absolute; bottom: 0; background: rgba(0,0,0,.5); width: 100%; text-align: center; line-height: 38px; color: #fff; }
#focusBox .focus-pagination-bullets { width: 100%; bottom: 0; }
#focusBox .focus-bullet { display: inline-block; width: 30px; height: 6px; background: rgba(200,200,200,.5); position: relative; margin: 0 10px; }
#focusBox .focus-bullet-active { background: #e62129 url(../image/sanqin-logo.png) no-repeat center center; background-size: cover; }
/* hotNews */
.hotNews .hotNewsLine p { width: 100%; overflow: hidden; text-indent: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.hotNews .hotNewsLine h3 { padding-left: 20px; position: relative; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ border-bottom: 1px dashed #ccc; line-height: 3; }
.hotNews .hotNewsLine h3::before { content: ''; z-index: 9; position: absolute; width: 10px; height: 10px; left: 0; top: 50%; margin-top: -5px; background-color: #3f3f3f; -webkit-clip-path: polygon(75% 50%, 0 0, 0 100%); clip-path: polygon(75% 50%, 0 0, 0 100%); }
.hotNews .hotNewsLine h3:hover::before { background-color: #e62129; }
.hotNews .hotNewsList li { padding-left: 20px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hotNews .hotNewsList li::before { content: ''; z-index: 9; position: absolute; width: 5px; height: 5px; left: 5px; top: 50%; margin-top: -2.5px; background-color: #D0D0D0; border-radius: 50%; }
.hotNews .hotNewsList li:hover::before { background-color: #e62129; }
.hotNews .hotNewsList li h4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hotNews .hotNewsList li a, .hotNews .hotNewsLine h3 a { line-height: 2;font-size:1.6rem }
/*vip-special-box*/
.vip-special-box{padding:12rem 1rem 6rem 1rem;background:url(https://www.sanqin.com/static/2020/image/2024lhbg.png) center top no-repeat;background-size: auto;}
.special-toptitle .special-headLine {text-align: center;font-size: 32px;font-weight: bold;margin: 2rem 0;}
.special-toptitle .special-headLine a{color:#C00;}
.vip-special-box .special-focus {margin-right: 2rem;}
.special-focus-con h4 {text-align: center;line-height: 2;color:#C00;}
.vip-special-box .special-focus img{border-radius:5px;width: 100%;}
.special-focus .swiper-button-next, .special-focus .swiper-button-prev {top: 50%;width: 25px;height: 15px;margin-top: -40px;}
.special-hotNewsLine .special-hotnewstitle{line-height: 1.2;border-bottom: 1px dotted #ccc;padding:0.75rem 0;}
.special-hotNewsLine .special-hotnewstitle a{font-size:1.6rem;color:#C00;}
.special-media .swiper-button-next, .special-media .swiper-button-prev {top: 50%;width: 25px;height: 15px;}
.vip-special-box .special-media{margin-left:2rem;}
.special-media-con img{border-radius:5px;width: 100%;}
/* rollCard */
#rollCard { padding-top: 60px; }
#rollCard .card-pagination-bullets { width: 100%;text-align: left;top: 0; left: 0; }
#rollCard .card-bullet {display: inline-block;width: 13.2%;text-align: center;line-height: 2;font-size: 1.8rem;margin-right: 10px;}
#rollCard .card-bullet:last-child {margin-right: 0;}
#rollCard .card-bullet-active { color: #fff; background-color: #e62129;}
#rollCard .swiper-slide .rollCardList { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; }
#rollCard .card { flex: 0 0 31.5%; margin-bottom: 10px; animation: 2s infinite; }
#rollCard .card .pic-bor { display: block; overflow: hidden; width: 100%; height: 163px; }
#rollCard .card .pic-bor img { transition: transform 0.5s; width:100%;}
#rollCard .card .pic-bor img:hover { transform: scale(1.1); }
#rollCard .card .info { border-bottom: 1px solid #ddd; margin-bottom: 10px; position: relative; }
#rollCard .card .info h6 { margin: 8px 0; color: #e62129; font-size: 1.4rem; }
#rollCard .card .info .icongroup { position: absolute; right: 0; top: 0; }
#rollCard .card .info .social-share-icon { display: inline-block; font-size: 14px; width: 20px; height: 20px; line-height: 20px; border: none; color: #ddd; margin: 0; }
#rollCard .card .cardCon { padding-bottom: 15px; }
#rollCard .card .cardCon .linkurl { height: 44px; line-height: 22px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: bold; }
#rollCard .card .cardCon .linktext { margin-top: 5px; font-size: 14px; line-height: 22px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
#rollCard .card-btn { flex: 0 0 100%; text-align: center; }
#rollCard .card-btn .more-btn { font-size: 1.6rem; margin: 30px 0; background-color: #e60012; color: #fff; display: inline-block; border-radius: 5px; padding: 0 2rem; cursor: pointer; line-height: 3; }
#rollCard .card-btn .more-btn:hover { background-color: #f00; }
/* aside */
.sildeTitle { height: 35px; line-height: 35px; border-bottom: 2px solid #004276; margin-bottom: 15px; }
.sildeTitle h4 { height: 35px; float: left; border-bottom: #e60012 2px solid; padding-left: 8px; padding-right: 18px; }
.sildeTitle h4 a { color: #e60012; }
.sildeTitle .more { font-size: 12px; color: #999; margin-top: 10px; padding-left: 25px; line-height: 20px; float: right; background: url(../image/more-btn.png) no-repeat left center; background-size: 25px 25px; }
/* aside epaper */
.epaper img { width: 100%; padding: 0 20px 20px 20px; }
/* aside list */
.triangleList { margin-bottom: 5px; }
.triangleList li { padding-left: 15px; line-height: 30px; position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.triangleList li::before { content: ''; z-index: 9; position: absolute; width: 8px; height: 8px; left: 0; top: 50%; margin-top: -5px; background-color: #3f3f3f; -webkit-clip-path: polygon(75% 50%, 0 0, 0 100%); clip-path: polygon(75% 50%, 0 0, 0 100%); }
.triangleList li:hover::before { background-color: #e60012; }
.triangleList li a { color: #3f3f3f; }
.triangleList li a:hover { color: #e60012; }
/* product */
.product { display: flex; justify-content: space-between; align-items: stretch; }
.product .productCon { width: 48%; overflow: hidden; }
.productList { padding: 10px 0; }
.productList li a { line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.productList li span { color: #0056B3; font-weight: bold; padding-right: 9px; position: relative; }
.productList li span::before { content: ''; position: absolute; left: 33px; top: 50%; margin-top: -7.5px; width: 1.5px; height: 16px; background-color: #DDDDDD; }
.productList li:hover span::before { background-color: #e60012; }
/* videoBox */
.videoBox { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
.videoBox .videoConA { margin-bottom: 15px; overflow: hidden; position: relative; }
.videoBox .videoCon { width: 48%; overflow: hidden; position: relative; }
.videoBox .videoConA h6, .videoBox .videoCon h6 { color: #fff; padding: 0 10px; line-height: 24px; display: block; position: absolute; bottom: 0; background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,1)); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.videoBox img, .product .productCon img { transition: transform 0.5s; }
.videoBox img:hover, .product .productCon img:hover { transform: scale(1.1); }
.product .productCon img { width: 100%; height: 180px;}
/* footer-box */
.footer-box { margin-top: 30px; padding: 30px 0 10px 0; background-color: #efefef; }
.footer-box p { color: #fff; }
.foot-bottom-xuke p { text-align: center; color: #333; font-size: 1.4rem; line-height: 2; vertical-align: middle; }
.foot-bottom-xuke a { color: #333; display: inline-block; line-height: 20px; vertical-align: middle; }
.foot-bottom-xuke a:hover { color: #e62129; }
.foot-bottom-xuke .tel { color: #333; }
.foot-logo { text-align: center; padding: 3px 10px; }
.foot-logo a { display: block; width: 100px; margin: auto; color: #fff; padding-top: 5px; }
.foot-logo a img { width: 80px; }
/* linksbox */
.linksbox .links-tt { color: #fff; font-size: 20px; margin-bottom: 20px; }
.linksbox ul li { display: inline-block; line-height: 26px; position: relative; font-size: 1.46rem; margin-right: 1.5rem; }
.linksbox ul li a { color: #333; }
.linksbox ul li a:hover { color: #e62129; }
/* ad */
.text-right { text-align: right; }